<template>
  <div class="page">
    <MNavbar title="商品编辑" :back="true" />

    <div class="section">
      <div class="card">
        <div class="card-title">基础信息</div>
        <div class="list">
          <div class="list-item"><div><div class="list-item__label">商品名称</div><div class="list-item__desc">—（待录入）</div></div></div>
          <div class="list-item"><div><div class="list-item__label">商品编码</div><div class="list-item__desc">—（待录入）</div></div></div>
        </div>
      </div>
    </div>

    <div class="section">
      <div class="card">
        <div class="card-title">价格库存</div>
        <div class="list">
          <div class="list-item"><div><div class="list-item__label">销售价</div><div class="list-item__desc">—（待录入）</div></div></div>
          <div class="list-item"><div><div class="list-item__label">库存</div><div class="list-item__desc">—（待录入）</div></div></div>
        </div>
      </div>
    </div>

    <div class="section">
      <div class="card">
        <div class="card-title">媒体信息</div>
        <div class="list">
          <div class="list-item"><div><div class="list-item__label">主图</div><div class="list-item__desc">—（待上传）</div></div></div>
        </div>
      </div>
    </div>

    <div class="section">
      <div class="card">
        <div class="card-title">上下架</div>
        <div class="list">
          <div class="list-item"><div><div class="list-item__label">状态</div><div class="list-item__desc">—（待设置）</div></div></div>
        </div>
      </div>
    </div>

    <div class="section">
      <div class="card" style="display:flex; gap: 12px;">
        <button class="btn">预览</button>
        <button class="btn btn-primary">保存</button>
      </div>
    </div>
  </div>
</template>
<script setup>
import MNavbar from '@/components/MNavbar.vue'
</script>

